<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>统计公报</title>
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <link href="../../plugins/mui/mui.min.css" rel="stylesheet" />
    <script src="../../js/statistics.js"></script>
    <style>
        body{
            padding:0;
            margin:0;
            width:100%;
            height:100%;
            background: #fff;
        }
        .header{
            background: #43ac45;
        }
        .mui-table-view-cell:after{
            height:0px;
        }
        .mui-table-view{
            margin-top:-5px;
            margin-bottom:8%;
        }
        .mui-table-view:before{
            height:0px;
        }
        .mui-table-view:after{
            height:0px;
        }
        .header h1{
            color:#fff;
            font-size:18px;
        }
        .header a{
            color:#fff;
        }
        .mui-table-view-chevron .mui-table-view-cell {
            padding-right: 5%;
        }
        li div{
            margin-left: 3%;
            font-size: 14px;
            margin-bottom:2%;
            color: #333;
        }
        li p{
        	color:#999;
        	font-size:13px;
            margin-right: 4%;
        }
        .main{
        	margin-top:44px;
        }
        /*图片修改*/
        .main img{
            width:100%;
        }
        .mui-table-view-chevron .mui-table-view-cell{
            margin-left:12px;
            margin-right:12px;
            height: 93px;
            padding:0px;
            padding-top:40px;
            /*padding:0px;*/
            background:url("../../images/icon/executive_housekeeper/box_1.jpg") no-repeat;
            background-size:100% 93px;
        }
        .main ul li p{
            text-align:right
        }
    </style>
</head>
<body>
    <header class="mui-bar mui-bar-nav header">
        <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
        <h1 class="mui-title">统计公报</h1>
    </header>
    <div class='main'>
        <img src="../../images/icon/executive_housekeeper/TJGB.png" alt="">
    	    <ul class="mui-table-view mui-table-view-chevron" id='load_list'>
        <!--新闻列表-->
        <!--<li class="mui-table-view-cell" id="s1">
                <div class="list_right" id="statistical_15">
                    2015年河东市国民经济和社会发展统计公报
                </div>
                <p class="clear">
                    2016-11-16
                </p>
        </li>
        <li class="mui-table-view-cell"  id="s2">
            <div class="list_right" id="statistical_14">
                2014年河东市国民经济和社会发展统计公报
            </div>
            <p class="clear">
                2016-02-29
            </p>
        </li>
        <li class="mui-table-view-cell"  id="s3">
            <div class="list_right" id="statistical_13">
                2013年河东市国民经济和社会发展统计公报
            </div>
            <p class="clear">
                2014-02-14
            </p>
        </li>
        <li class="mui-table-view-cell"  id="s4">
            <div class="list_right" id="statistical_12">
                2012年河东市国民经济和社会发展统计公报
            </div>
            <p class="clear">
                2013-03-30
            </p>
        </li>
        <li class="mui-table-view-cell"  id="s5">
            <div class="list_right" id="statistical_11">
                2011年河东市国民经济和社会发展统计公报
            </div>
            <p class="clear">
                2012-03-26
            </p>
        </li>
        <li class="mui-table-view-cell"  id="s6">
            <div class="list_right" id="statistical_10">
                2010年河东市国民经济和社会发展统计公报
            </div>
            <p class="clear">
                2011-03-08
            </p>
        </li>-->
    </ul>
    </div>


    <!--<script src='../../plugins/template/template.js'></script>-->
    <script src='../../plugins/jquery/jquery-3.1.0.min.js'></script>
    <script src="../../plugins/mui/mui.min.js"></script>
    <script src="../../js/fontset.js"></script>
    <script src="../../js/md5.js"></script>
    <script src="../../js/getApiToken.js" type="text/javascript" charset="utf-8"></script>
    <!--<script type="text/javascript" src="../../js/judge.js" ></script>-->
    <!--<script id="item" type="text/html">
	    {{each data as value i}}
	    <li class="mui-table-view-cell"  id="{{value.id}}">
	        <div class="list_right">
	            2010年河东市国民经济和社会发展统计公报
	        </div>
	        <p class="clear">
	            2011-03-08
	        </p>
	    </li>
	    {{/each}}
	</script>-->
    <script>
        mui.init();
        mui.plusReady(function(){
        	//数据交互
        	myAjax(
               'home/statistic/getList','get',{},
                function(data){
                   console.log(JSON.stringify(data));
                   if(data.success){
	                   	for(var i in data){
	                  		if(data[i]!=true){
	                  			var html='';
	                  			html+=
	                  			'<li class="mui-table-view-cell"  id="'+data[i].id+'">'+
						            '<div class="list_right">'+data[i].title+'</div>'+
						            '<p class="clear" style="text-align:right">'+data[i].time+'</p>'+
						        '</li>';
							    $("#load_list").append(html);
	                  		}	
	                  	}
                   }
                }
      		);
        	 //页面跳转链接
	        mui('ul').on('tap','li',function(e){
	            var href=$(this).find("div").attr("id");
	            var detail_id=$(this).attr('id');
	            //console.log(detail_id);
	            //console.log(href);
	            mui.openWindow({
	                url:'statisitical_detail.html',//'河东黄页页面链接'
	                id:'statisitical_detail',
	                extras:{
	                  'detail_id':detail_id,
	                },
	                show:{
	                    autoShow:true,//页面loaded事件发生后自动显示，默认为true
	                },
	                waiting:{
	                    autoShow:true,//自动显示等待框，默认为true
	                    title:'加载中...',//等待对话框上显示的提示内容
	                }
	            })
	        });
        })
       
    </script>
</body>
</html>